<template>
  <div class="info">
    <NewFriend v-show="selectFriendId == -1"></NewFriend>
    <FriednInfo v-show="selectFriendId > 0"></FriednInfo>
    <UserInfo v-show="selectFriendId == 0"></UserInfo>
  </div>
</template>

<script>
import NewFriend from "./newFriend";
import FriednInfo from "./friendInfo";
import UserInfo from "./userInfo";
import { mapState } from "vuex";

export default {
  components: {
    NewFriend,
    FriednInfo,
    UserInfo
  },
  computed: {
    ...mapState(["selectFriendId"])
  }
};
</script>

<style scoped>
</style>